<link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
<link href="__PUBLIC__/css/font-awesome.css" rel="stylesheet">
<link href="__PUBLIC__/css/style.css" rel="stylesheet">
<link href="__PUBLIC__/css/pages/dashboard.css" rel="stylesheet">
<link href="__PUBLIC__/css/bootstrap.min.css" rel="stylesheet">
<link href="__PUBLIC__/css/font-awesome.css" rel="stylesheet">
<link href="__PUBLIC__/css/bootstrap-datetimepicker.css" rel="stylesheet">
<link href="__PUBLIC__/css/style.css" rel="stylesheet">
<link href="__PUBLIC__/css/pages/dashboard.css" rel="stylesheet">
<!-- 饼图 -->
<!-- <script src="__PUBLIC__/js/excanvas.min.js"></script> -->
<script src="__PUBLIC__/js/echarts.common.min.js" type="text/javascript"></script>
<script src="__PUBLIC__/js/jquery.js"></script>
<script src="__PUBLIC__/js/bootstrap.js"></script>
<script src="__PUBLIC__/js/moment.js"></script>
<script src="__PUBLIC__/js/bootstrap-datetimepicker.js"></script>
<!--[if lt IE 9]>
  <script src="__PUBLIC__/js/html5shiv.min.js"></script>
  <script src="__PUBLIC__/js/respond.js"></script>
  <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<script src="__PUBLIC__/js/base.js"></script>
<script src="__PUBLIC__/js/pages/son_false_self.js"></script>

<!-- 面包屑 -->
<div class="container">
	<ol class="breadcrumb">
		<li>CRM系统</li>
		<li>排行管理</li>
		<li class="active">个人失败分析排行</li>
	</ol>
</div>
<!-- 内容 -->
<div class="container">
	<div class="panel panel-default">
		<div class="panel-heading">
			<h3 class="panel-title">个人失败分析排行</h3>
		</div>
		<div class="panel-body">
			<form class="form-horizontal" role="form">
				<div class="form-group">

					<label class="col-sm-1 control-label">分公司：</label>
					<div class="col-sm-2">
						<select name="" class="form-control" id="">
							<option value="">--请选择--</option>
							<option value="41" abc=''>测试公司1</option>
							<option value="16" abc=''>测试公司2</option>
							<option value="17" abc=''>测试公司3</option>
						</select>
					</div>
					<label class="col-sm-1 control-label">日期：</label>
					<div class="col-sm-2">
						<input type='text' class="form-control" id='datetimepicker1' />
					</div>
					<div class="col-sm-1">
						<button type="submit" class="btn btn-primary">搜索</button>
					</div>
				</div>
			</form>
			<div id="main" style="width: 100%;height:500px; margin:0 auto;margin-top:24px;"></div>
			<script>
				$(function() {
					var myChart = echarts.init(document.getElementById('main'));

					option = {
						title: {
							text: '李琼 2016年10月个人失败分析',
							x: 'center'
						},
						tooltip: {
							trigger: 'item',
							formatter: "{a} <br/>{b} : {c} ({d}%)"
						},
						legend: {
							orient: 'horizontal',
							bottom: '10',
							data: ['只找暑假、寒假工', '应聘岗位已具备1年以上工作经验', '嫌实习收入太低', '知悉我们的模式并且反感', '没有投过简历，个人没兴趣', '广告信息', '初中或者小学学历', '已参加过同类培训', '年龄过小或过大', '想找工作不想实习', '想从事其它职位(跟进记录请写哪个职位)', '负面信息', '已找到工作(跟进记录请写哪个职位)', '持续3天每半天1次，固话手机均联系不上', '家人或亲友反对', '其它理由（跟进记录请写具体理由）']
						},
						series: [{
							name: '失败原因',
							type: 'pie',
							radius: '55%',
							center: ['50%', '40%'],
							data: [{
									value: 335,
									name: '只找暑假、寒假工'
								},
								{
									value: 310,
									name: '应聘岗位已具备1年以上工作经验'
								},
								{
									value: 234,
									name: '嫌实习收入太低'
								},
								{
									value: 135,
									name: '知悉我们的模式并且反感'
								},
								{
									value: 1548,
									name: '没有投过简历，个人没兴趣'
								},
								{
									value: 135,
									name: '广告信息'
								},
								{
									value: 135,
									name: '初中或者小学学历'
								},
								{
									value: 135,
									name: '已参加过同类培训'
								},
								{
									value: 135,
									name: '年龄过小或过大'
								},
								{
									value: 135,
									name: '想找工作不想实习'
								},
								{
									value: 135,
									name: '想从事其它职位(跟进记录请写哪个职位)'
								},
								{
									value: 135,
									name: '负面信息'
								},
								{
									value: 135,
									name: '已找到工作(跟进记录请写哪个职位)'
								},
								{
									value: 135,
									name: '持续3天每半天1次，固话手机均联系不上'
								},
								{
									value: 135,
									name: '家人或亲友反对'
								},
								{
									value: 135,
									name: '其它理由（跟进记录请写具体理由）'
								}
							],
							itemStyle: {
								emphasis: {
									shadowBlur: 10,
									shadowOffsetX: 0,
									shadowColor: 'rgba(0, 0, 0, 0.5)'
								}
							}
						}]
					};

					// 使用刚指定的配置项和数据显示图表。
					myChart.setOption(option);
				})
			</script>
			<div class="alert alert-warning" role="alert">
				注：1、点击咨询师名称，可看到对应的效果分析图。<br> 2、273(30%):代表该失败理由有273个失败商机，占总体失败商机30%
			</div>
			<table class="table table-bordered">
				<thead>
					<tr>
						<th width="70">咨询师</th>
						<th width="90">分公司</th>
						<th>119</th>
						<th>118</th>
						<th>117</th>
						<th>115</th>
						<th>114</th>
						<th>113</th>
						<th>112</th>
						<th>111</th>
						<th>110</th>
						<th>109</th>
						<th>108</th>
						<th>107</th>
						<th>104</th>
						<th>103</th>
						<th>102</th>
						<th>100</th>
					</tr>
				</thead>
				<tbody>
					<tr>
						<td>
							<a href="javascript:void(0);">李琼</a>
						</td>
						<td>测试公司1 </td>
						<td>17(3.4%)</td>
						<td>31(6.1%)</td>
						<td>6(1.2%)</td>
						<td>18(3.6%)</td>
						<td>74(14.7%)</td>
						<td>10(2%)</td>
						<td>7(1.4%) </td>
						<td>68(13.5%)</td>
						<td>47(9.3%)</td>
						<td>23(4.6%)</td>
						<td>38(7.5%)</td>
						<td>9(1.8%)</td>
						<td>79(15.6%)</td>
						<td>48(9.5%)</td>
						<td>1(0.2%)</td>
						<td>29(5.7%)</td>
					</tr>
				</tbody>
			</table>
			<div class="alert alert-info" role="alert">
				<strong>编号:</strong><br> 119:只找暑假、寒假工
				<br> 118:应聘岗位已具备1年以上工作经验
				<br> 117:嫌实习收入太低
				<br> 115:知悉我们的模式并且反感
				<br> 114:没有投过简历，个人没兴趣
				<br> 113:广告信息
				<br> 112:初中或者小学学历
				<br> 111:已参加过同类培训
				<br> 110:年龄过小或过大
				<br> 109:想找工作不想实习
				<br> 108:想从事其它职位(跟进记录请写哪个职位)
				<br> 107:负面信息
				<br> 104:已找到工作(跟进记录请写哪个职位)
				<br> 103:持续3天每半天1次，固话手机均联系不上
				<br> 102:家人或亲友反对
				<br> 100:其它理由（跟进记录请写具体理由）
				<br>
			</div>
		</div>
	</div>
</div>